<template>
    <div class="box">
        <div class="header">
            <van-nav-bar title="购物车" left-arrow @click-left="$router.back()" />
        </div>
        <div class="meddle">
            <van-empty v-if="cartList.length == 0" :image="item.image" image-size="80" description="购物车为空" />
            <van-swipe-cell v-else v-for="item in cartList" :key="item.id">
                <van-card :num="item.count" :price="item.ptice" :title="item.title" class="goods-card">
                    <template #thumb>
                        <van-image 
                            :src="item.image" />
                    </template>
                    <template #tag>
                        <van-checkbox v-model="checked">复选框</van-checkbox>
                    </template>
                    <template #right>
                    <van-button square text="删除" type="danger" class="delete-button" />
                    </template>
                </van-card>
            </van-swipe-cell>
        </div>
    </div>
</template>
<script setup>

</script>